<form method="POST"
      action="{{ url }}?action=add-dashboard"
      id="add-dashboard"
      class="tlp-modal"
      aria-labelledby="add-dashboard-label"
      role="dialog"
>
    <div class="tlp-modal-header">
        <h1 class="tlp-modal-title" id="add-dashboard-label">
            <i class="fa fa-plus tlp-modal-title-icon"></i>
            {{ add_dashboard_label }}
        </h1>
        <div class="tlp-modal-close" data-dismiss="modal" aria-label="{{ close }}">
            &times;
        </div>
    </div>
    <div class="tlp-modal-body">
        {{# csrf_token }}
            {{> csrf_token_input }}
        {{/csrf_token}}

        <div class="tlp-form-element">
            <label class="tlp-label" for="dashboard-name">{{ dashboard_name_label }} <i class="fa fa-asterisk"></i></label>
            <input type="text" class="tlp-input" id="dashboard-name" name="dashboard-name" placeholder="{{ dashboard_name_label }}" required>
        </div>
    </div>
    <div class="tlp-modal-footer">
        <button type="button" class="tlp-button-primary tlp-button-outline tlp-modal-action" data-dismiss="modal">{{ cancel }}</button>
        <button type="submit" class="tlp-button-primary tlp-modal-action">
            <i class="fa fa-plus tlp-button-icon"></i>
            {{ add_dashboard_label }}
        </button>
    </div>
</form>
